/*------topFixBar------*/
#topFixBar{
	width:100%;
	position:fixed;
	top:-110px;
	left:0;
	z-index:99;
}
/*-------banner-------*/
#banner{
	height:630px;
	width:100%;
	background:url(../../images/coffee/slider_bg_1.png) no-repeat 0 0;
	background-size:100% 100%;
	position:relative;
	z-index:1;
}
#banner > span{
	position:absolute;
    display:block;
    width:40px;
    height:80px;
    top:297px;
    cursor:pointer;
}
#banner #prev{
	left:20px;
	background:url(../../images/coffee/left.png) no-repeat 0 0;
	
}
#banner #next{
	right:20px;
	background:url(../../images/coffee/right.png) no-repeat 0 0;
	z-index:99;
}
#banner .productBox{
	width:1350px;
	margin:0 auto;
	height:630px;
	position:relative;
	
}
#banner .bannerProduct{
	position:absolute;
	width:633px;
	height:512px;
	left:894px;
	top:160px;
	overflow:hidden;
}
#banner .bannerProduct li{
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:633px;
	height:512px;
}
#banner .bannerProduct img{
	width:340px;
	height:459px;
	float:left;
}
#banner .bannerProduct  p{
	position:absolute;
	font-size: 34px;
	margin-left:30px;
	top:300px;
	right:-230px;
	width:100px;
	color:#fff;
font-family: "Calibri Light", Arial, Helvetica, sans-serif;
	width:200px;
	font-weight:200;
}
/*---info---*/
#infoBox{
	width:100%;
	background:#dcdcdc;
}
#infoBox .infoCon{
	width:1200px;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
}
.infoCon .infoLeft{
	width:765px;
	float:left;
}
.infoCon .infoLeft h3{
	font-size:27px;
	color:#552400;
	font-weight:200;
	font-family:"microsoft yahei";
	line-height:47px;
}
.infoCon p{
	font-size:19px;
	color:#6f6f6d;
	line-height:36px;
}
 .infoLeft .infoLeftBot{
	overflow:hidden;
	margin-top:20px;
}
.infoLeftBot img{
	float:left;
	width:137px;
	height:137px;
	
}
.infoLeftBot p{
	float:right;
	width:604px;
}

.infoRight{
	float:left;
	width:385px;
	height:342px;
	overflow:hidden;
	position:relative;
	margin-left:50px;
	margin-top:15px;
	
}
.infoRight ul{
	position:absolute;
	left:0;
	top:0;
	width:1540px;
	overflow:hidden;
}
.infoRight ul li{
	float:left;
}
.infoRight ul li img{
	width:385px;
	height:275px;
}
/*-------product--------*/
#productBox{
	width:100%;
	background:#d5d5d5;
	padding-bottom:70px;
	position:relative;
}
#productBox h3{
	text-align:center;
	font-size:32px;
	font-weight:200;
	color:#6c4526;
	line-height:43px;
	padding-top:30px;
	
}
#productBox .productCon{
	width:1200px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	
}
#productBox  span{
	position:absolute;
	display:block;
	width:80px;
	height:80px;
    cursor:pointer;
	bottom:515px;
	opacity:0.4;
	transition:all 1.5s ease;
	/*display:none;*/
}
/*#productBox .btnBox{
	width:1200px;
	height:932px;
	position:absolute;
	top:151px;
	
}*/
#productBox  > span:hover{
	opacity:1;
}
#productBox  .productListBox{
	width:1200px;
	height:932px;
	overflow:hidden;
}
#productBox  .productListOuter{
	width:3600px;
	height:932px;
	overflow:hidden;
	position:absolute;
}
#productBox .arrowL{
	left:50px;
	background:url(../../images/coffee/left.png) no-repeat 0 0;
}
#productBox .arrowR{
	right:50px;
	background:url(../../images/coffee/right.png) no-repeat 0 0;
}

.productCon .productList{
	width:1200px;
	float:left;
	overflow:hidden;
	margin-top:-40px;
}
.productCon .productList .productImg{
	float:left;
	width:227px;
	margin:90px 35px 0px 35px;
	height:376px;
	/*background:#ccc;*/
	
}
.productImg .ImgList{
	overflow:hidden;
	width:232px;
	height:275px;
	position:relative;
}
.productImg .ImgList li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
}
.productImg .ImgList li a{
	display:inline-block;
	
	}
.productImg .ImgList li img{
	width:100%;
	height:100%;
	
}
.productImg .ButtonList{
    height:50px;
    margin-top:10px;
}
.productImg .ButtonList li{
	float:left;
	width:43px;
	height:15px;
	margin-right:7px;
	margin-bottom:13px;
	cursor:pointer;
}
.productImg .productName{
	margin-left:70px;
	font-size:20px;
	
	font-family:"Calibri Light", Arial, Helvetica, sans-serif;
	
	margin-top:10px;

}